<!--cardlist-->
<div class="row card-list">
  <div class="col-xs-12 card" *ngFor="let child of cardlist">
    <div class="col-xs-12 car-header">
      <div class="col-xs-4 col-sm-3 txt-c">
        <img src="{{child.picUrl || defaultHead }}" class="head-img"/>
      </div>
      <div class="col-xs-4 col-sm-6 txt-l card-info">
        <div class="col-xs-12 col-sm-6"><p>{{child.name}}<span class="icon {{child.gender ? 'icon-male' : 'icon-female'}}"></span></p></div>
        <div class="col-xs-12 col-sm-6"><p>{{child.birthday | date:'yyyy-MM-dd'}}</p></div>
      </div>
      <div class="col-xs-4 col-sm-3 txt-c card-btns">
        <button class="btn btn-white" (click)="getCourses(child.childId)">测评</button>
      </div>
    </div>
  </div>
</div>


